// @ts-ignore
import {FullScreenContainer} from '@jiaminghi/data-view-react'
import './index.scss';
import TopHeader from "../../components/TopHeader";
import DataStatistics from "../../components/DataStatistics";
import DataTypeInterface from "../../components/DataTypeInterface";
import Honeycomb from "../../components/Honeycomb";
import DataTypeRank from "../../components/DataTypeRank";
import DataInterfaceRank from "../../components/DataInterfaceRank";
import SubsidiaryCallRank from "../../components/SubsidiaryCallRank";
import CallTrend from "../../components/CallTrend";
import {getHomeStore} from "../../model/useHome";

const HomePage = () => {
    const {count} = getHomeStore();
    console.log('count', count)
    return (
        <FullScreenContainer>
            <div className='home-container flex-col-center'>
                <TopHeader/>
                <div className='home-center-container flex-row-start'>
                    <div className='home-center-left flex-col-start' style={{justifyContent: 'space-between'}}>
                        <DataStatistics/>
                        <DataTypeInterface/>
                    </div>
                    <Honeycomb/>
                    <div className='home-center-right'>
                        <DataTypeRank/>
                        <DataInterfaceRank/>
                    </div>
                </div>
                <div className='home-bottom-container flex-row-start' style={{justifyContent: 'space-between'}}>
                    <SubsidiaryCallRank/>
                    <CallTrend/>
                </div>
            </div>
        </FullScreenContainer>
    )
}

export default HomePage;
